onload = function(){
	document.getElementById("tablea").rows[0].style.backgroundColor = "#ddd";	
	document.getElementById("tableb").rows[0].style.backgroundColor = "#ddd";
	var trArr = document.getElementById("tablea").tBodies[0].rows;
	for(var i =0;i<trArr.length;i++){
		//每一行添加事件-鼠标移入高亮
		trArr[i].onmouseover = function(){
		this.setAttribute("color",this.style.backgroundColor);
		this.style.backgroundColor = "#e7e0e0";
		}
		trArr[i].onmouseout = function(){
		this.style.backgroundColor =this.getAttribute("color");
		}
	}
}
function shopping(obj){
	var gparentname = obj.parentNode.parentNode;//爷标签--行
	var rowname = gparentname.getElementsByTagName("td");//获得行内所有列的元素
	var shoppingname = rowname[0].innerHTML;//获得第一列商品名称
	var danjia = rowname[1].innerHTML;//获得第二列单价
	var tbodyb = document.getElementById("tableb");//定位购物车的table
	
	//判断是否重复加入购物车
	var trlable = tbodyb.getElementsByTagName("tr");//获得购物车的所有行元素
	var tdlable ;
	var flag =0;//判断是否重复加入购物车
	var flagadd = 0;//判断重复加入购物车是何种商品
	for(var j =1;j<trlable.length-1;j++){
		tdlable = trlable[j].getElementsByTagName("td");//获得行元素中的列元素
		if(shoppingname == tdlable[0].innerHTML){//判断购物车中是否加入过同类商品
			flag = 1;
			flagadd = j;//记录同类商品在第几行
		}
	}
	if(!flag){
		//添加到购物车
		var x=tbodyb.insertRow(1) ;//插入行
		var a0 =x.insertCell(0);//插入列
		var a1 =x.insertCell(1);
		var a2 =x.insertCell(2);
		var a3 =x.insertCell(3);
		var a4 =x.insertCell(4);
		a0.innerHTML = shoppingname;//插入列中内容
		a1.innerHTML = danjia;
		a2.innerHTML = "<input type='button' value='-' onclick='subbed(this)'/>"+
		"<input type='text' value ='1'/>"+
		"<input type='button' value='+' onclick='added(this)'/>";
		a3.innerHTML = danjia;
		a4.innerHTML = "<input type='button' value='X' onclick='delted(this)'/>";	
	}
	else{
		//修改数量
		var inlable = trlable[flagadd].getElementsByTagName("input");//定位数量标签位置
		var numb = inlable[1].value;//提取数量中的值
		numb ++;	
		inlable[1].value = numb;
		//修改金额
		var rowtdlable = trlable[flagadd].getElementsByTagName("td");//定位金额位置
		var danjia = parseFloat(rowtdlable[1].innerHTML);//parseFloat将字符串变为浮点型数字
		var money = danjia*numb;
		rowtdlable[3].innerHTML = money;
	}
	total();
}
function subbed(obj){
	//改变数量
	var parentname = obj.parentNode;//列元素
	var gparentname = parentname.parentNode;//行元素
	var rownamein = parentname.getElementsByTagName("input");//获取input标签数组
	var numb = rownamein[1].value;//提取数量中的值
	if(numb < 2){
		gparentname.remove(gparentname);//如果数量小于1就删除购物车中的商品
	}	
	else{
		numb--;
	}
	rownamein[1].value = numb;
	//改变金额
	var rownametd = gparentname.getElementsByTagName("td");
	var danjia = parseFloat(rownametd[1].innerHTML);//parseFloat() 将字符串变为浮点型数字
	var money = danjia*numb;
	rownametd[3].innerHTML = money;
	total();
}
function added(obj){
	//改变数量
//	console.log(obj);
	var parentname = obj.parentNode;
	var rownamein = parentname.getElementsByTagName("input");
	var numb = rownamein[1].value;
	numb++;
	rownamein[1].value = numb;
	//改变金额
	var gparentname = parentname.parentNode;
	var rownametd = gparentname.getElementsByTagName("td");
	var danjia = parseFloat(rownametd[1].innerHTML);
	var money = danjia*numb;
	rownametd[3].innerHTML = money;
	total();
}
function delted(obj){
	var tr=obj.parentNode.parentNode;//定位要删除的一行
    tr.parentNode.removeChild(tr);//removeChild 所要删除的内容的父标签.removeChild（删除的内容）
    total();
}
function total(){
	var name = document.getElementById("tableb");
	var trlable = name.getElementsByTagName("tr");
	var sum =0;
	var tdlable ;
	for(var i=1; i<trlable.length-1;i++){
		tdlable = trlable[i].getElementsByTagName("td");
		var m = parseFloat(tdlable[3].innerHTML);//获取每行的金额
		sum+=m;//计算总金额
	}
	document.getElementById("sumall").innerHTML = sum ;
}
